import "./index.less"
import Echarts from "@/components/echarts"
import { useState, useRef, useEffect } from "react"
import userReport from '@/views/chart/config/Bar/userReport'
import { Space, Table, Tag, Input, Button, message, TablePaginationConfig, Modal, Form, Select, InputNumber, Upload } from 'antd';
import { useDispatch } from "react-redux"
import { handlerBread } from "@/redux/actions"
import { FundViewOutlined, } from '@ant-design/icons';
import systme from "@/api/constant"


export default function Bar2() {

   const dispatch = useDispatch()


 
    useEffect(()=>{     
    },[])
    let echartsInstanceCopy: echarts.ECharts;
    function getEchartsInstance(echartsInstance: echarts.ECharts) {
        userReport(echartsInstance).then((res) => {
            echartsInstance.setOption(res)
        })
    }

    return (
        <div className="Ecahrts_views flex">
            <Echarts myOption={userReport} width={"80%"} height={"800px"} className={"BarChart"} refResult={getEchartsInstance} />
        </div>
    )
}